﻿<%@ Page Title="Start" Language="C#" MasterPageFile="~/MainSite.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TandvardsstodApp.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="title" runat="server">
Tandvårdsstöd - Startsida
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">

<%-- Skapad och bearbetat av Safin Hassan --%>

<script type="text/jscript" src="jScript/jquery-1.7.1.min.js"></script>
	<script type="text/jscript" src="jScript/slides.min.jquery.js"></script>

    <%-- Script for the slideshow. --%>
	<script type="text/jscript">
	    $(function () {
	        $('#slides').slides({
	            preload: true,
	            preloadImage: 'Images/loading.gif',
	            play: 5000,
	            pause: 2500,
	            hoverPause: true,
	            animationStart: function (current) {
	                $('.caption').animate({
	                    bottom: -35
	                }, 100);
	                if (window.console && console.log) {
	                    // example return of current slide number
	                    console.log('animationStart on slide: ', current);
	                };
	            },
	            animationComplete: function (current) {
	                $('.caption').animate({
	                    bottom: 0
	                }, 200);
	                if (window.console && console.log) {
	                    // example return of current slide number
	                    console.log('animationComplete on slide: ', current);
	                };
	            },
	            slidesLoaded: function () {
	                $('.caption').animate({
	                    bottom: 0
	                }, 200);
	            }
	        });
	    });
	</script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <center>
    <h4>Välkommen till Tandvårdsstöd - webbsystem</h4>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
        <%-- The div containing the slideshow. --%>
    <div id="slideshow">
			<div id="slides">
				<div class="slides_container">
					<div class="slide">
						<a href=""><img src="image/slide-1.jpg" style="border:inherit" width="570" height="270" alt="Slide 1" /></a>
						<div class="caption" style="bottom:0">
							<p>Landstingets tandvårdsstöd</p>
						</div>
					</div>
					<div class="slide">
						<a href=""><img src="image/slide-2.jpg" style="border:inherit" width="570" height="270" alt="Slide 2" /></a>
						<div class="caption">
							<p>Tandvårdsstöd till personer med särskilda behov..</p>
						</div>
					</div>
					<div class="slide">
						<a href=""><img src="image/slide-3.jpg" style="border:inherit" width="570" height="270" alt="Slide 3" /></a>
						<div class="caption">
							<p>Tandvård som led i en sjukdomsbehandling..</p>
						</div>
					</div>
					<div class="slide">
						<a href=""><img src="image/slide-4.jpg" style="border:inherit" width="570" height="270" alt="Slide 4 /" /></a>
						<div class="caption">
							<p>Nödvändig tandvård..</p>
						</div>
					</div>
					<div class="slide">
						<a href=""><img src="image/slide-5.jpg" style="border:inherit" width="570" height="270" alt="Slide 5" /></a>
						<div class="caption">
							<p>Bättre kommunikation..</p>
						</div>
					</div>
					<div class="slide">
						<a href=""><img src="image/slide-6.jpg" width="570" height="270" alt="Slide 6" /></a>
						<div class="caption">
							<p>Utbildningar..</p>
						</div>
					</div>
					<div class="slide">
						<a href=""><img src="image/slide-7.jpg" style="border:inherit" width="570" height="270" alt="Slide 7" /></a>
						<div class="caption">
							<p>Sjuk rådgivningen..</p>
						</div>
					</div>
				</div>
				<a href="#" class="prev">
                <img src="image/arrow-prev.png" alt="Arrow Prev" style="border:inherit; height: 65px; width: 20px; margin-left: 0px" /></a>
				<a href="#" class="next">
                <img src="image/arrow-next.png"  alt="Arrow Next" style="border:inherit; height: 65px; width: 20px; margin-top: 0px; margin-left: 0px;" /></a>
			</div>
			<img src="image/example-frame.png" alt="Example Frame" id="frame" />
		</div>
        </center>
</asp:Content>
